<#macro script_import>
</#macro>
<#macro script>
</#macro>
<#macro css_import>
</#macro>
<#macro css>
</#macro>
<#macro layout>
<!DOCTYPE html>
<html>
<head>
  <title>${WEB_TITLE!WEB_NAME!} - ${WEB_SUBTITLE!'欢迎使用盘子酱~'}</title>
  <meta name="keywords" content="${META_KEYWORDS!}">
  <meta name="description" content="${META_DESCRIPTION!}">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="renderer" content="webkit">
  <link rel="shortcut icon" href="${CTPATH}/images/ico/favicon.ico">

  <link rel="stylesheet" href="${CTPATH}/assets/css/app.css"/>
  <!--<link rel="stylesheet" href="${CTPATH}/assets/mediaelement/mediaelementplayer.css" />-->

   <link href="https://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
   <link href="${CTPATH}/css/font-awesome.min.css" rel="stylesheet">
   <!--<link href="${CTPATH}/css/lightbox.css" rel="stylesheet">-->
   <link href="${CTPATH}/css/animate.min.css" rel="stylesheet">
   <link href="${CTPATH}/css/main.css" rel="stylesheet">
   <link href="${CTPATH}/css/responsive.css" rel="stylesheet">


    <@css_import />
  <#if css ??>
  	<style type="text/css">
  	<@css />
  	</style>
  </#if>
</head>
<body class="blog-body">
<header id="header">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 overflow">
                <div class="social-icons pull-right">
                    <ul class="nav nav-pills">
                        <li><a  target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=5f0eeb1dca0d135584f0400e6b0707725f2e16fe638695691bd1ba2aff87f603"><i class="fa fa-qq"></i></a></li>
                        <li><a  target="_blank" href=""><i class="fa fa-wechat"></i></a></li>
                        <li><a  target="_blank" href=""><i class="fa fa-weibo"></i></a></li>
                        <#if USER??>
                            <li><a href="${CPATH}/user/center.html"><i class=""><button type="button" class="btn btn-xs btn-primary"><i class="fa fa-user"></i>    ${USER.nickname!USER.username}   </button></i></a></li>
                            <#else>
                            <li><a href="${CPATH}/user/login.html"><i class=""><button type="button" class="btn btn-xs btn-primary"><i class="fa fa-align-left"></i>      登陆</button></i></a></li>
                        </#if>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="navbar navbar-inverse" role="banner">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>

                <a class="navbar-brand" href="${CPATH}/">
                    <!--${WEB_NAME!}-->
                    <h1><a href="${CPATH}/"><img src="${CTPATH}/images/logo.png" alt="logo"></a></h1>
                </a>

            </div>

            <div class="collapse navbar-collapse">
                <ul class="nav navbar-nav navbar-right">

                    <#if "/" == REQUEST.requestURI!>
                        <li class="active">
                        <#else>
                        <li>
                    </#if>
                    <a href="${CPATH}/">首页</a></li>
                    <@jp.menus>
                    <#list menus as menu>
                        <#if menu.isActive() >
                            <li class="dropdown active">
                        <#else>
                            <li class="dropdown">
                        </#if>
                            <a href="${menu.url!}">${menu.title!} <#if menu.hasChild()><i class="fa fa-angle-down"></i></#if></a>
                                <#if menu.hasChild()>
                                <ul role="menu" class="sub-menu">
                                    <#list menu as childmenu>
                                        <#if menu.isActive() >
                                            <li class="dropdown active">
                                                <#else>
                                            <li class="dropdown">
                                        </#if>
                                        <a href="${menu.url!}">${menu.title!}</a></i>
                                    </#list>
                                </ul>
                                </#if>
                            </li>
                        </li>
                    </#list>
                    </@jp.menus>

                </ul>
            </div>
            <div class="search">
                <form role="form" action="${CPATH}/s">
                    <i class="fa fa-search"></i>
                    <div class="field-toggle">
                        <input type="text" class="search-form" name="k" autocomplete="off" placeholder="搜索" value="${keyword!}">
                    </div>
                </form>
            </div>
        </div>
    </div>
</header>
    <div class="x-layout-100 jblog-link-logo"></div>
<#nested>
    <footer id="footer">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 text-center bottom-separator">
                    <img src="${CTPATH}/images/home/under.png" class="img-responsive inline" alt="">
                </div>
                <div class="col-md-4 col-sm-6">
                    <div class="testimonial bottom">
                        <div class="media">
                            <div class="pull-left">
                                <a href="#"><img src="${CTPATH}/images/home/slider/sun.png" alt=""></a>
                            </div>
                            <div class="media-body">
                                <@jp.ancientpoetry>
                                <blockquote>${an.sentence}
                                </blockquote>
                                <h3><a href="#">- ${an.author}</a></h3>
                                </@jp.ancientpoetry>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="contact-info bottom">

                        <h2>网站地图</h2>
                        <address>
                            <a href="http://ss.panzijiang.com" target="_blank">盘子酱|ss</a> <br>
                            <a href="http://panzi.gouwuke.com" target="_blank">盘子购</a> <br>
                            <a href="http://tools.panzijiang.com" target="_blank">盘子酱工具</a> <br>
                        </address>
                    </div>
                </div>
                <div class="col-md-4 col-sm-12">
                    <div class="contact-info bottom">
                        <h2>关于</h2>
                        <address>
                            <a href="${CPATH}/about.html" target="_blank">关于我们</a> <br>
                            <a href="${CPATH}/contact.html" target="_blank">联系我们</a> <br>
                        </address>

                    </div>
                </div>
                <div class="col-sm-12">
                    <div class="copyright-text text-center">
                        <p>&copy; ${OPTION('web_copyright')!'暂未填写版权信息'} 2016. All Rights Reserved.</p>
                        <p>Powered by JPress - Designed by Themeum - Theme By <a href="http://smartly.coding.me/" style="color: #A22523;">PanZiJiang</a></p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
<div style="display: none;">
${OPTION('jpblog_statistical_code')!}
</div>
<@script_import />
  <!--<script src="${CTPATH}/assets/js/jquery-2.1.1.min.js"></script>-->
  <script src="${CTPATH}/assets/mediaelement/mediaelement-and-player.min.js"></script>

    <script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="https://apps.bdimg.com/libs/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="${CTPATH}/js/lightbox.min.js"></script>
    <script type="text/javascript" src="${CTPATH}/js/wow.min.js"></script>
    <script type="text/javascript" src="${CTPATH}/js/main.js"></script>
    <script type="text/javascript">
        <@script />
    </script>
</body>
</html>
</#macro>